<template>
  <div>
    <div v-for="(item, index) in city">省</div>
    <div v-for="(item, index) in city[name1].city">市</div>
    <div v-for="(item, index) in city[name1].city[name2].area">区</div>
  </div>
</template>
<script>
import city from "../city.js";
export default {
  name: "UsersView",
  /**
   * 调用组建
   * @type {Object}
   */
  components: {},
  /**
   * 组建属性
   * @type {Object}
   */
  props: {},
  /**
   * 数据字段
   * @return {[type]} [description]
   */
  data() {
    return {
      city: city,
      name1: 0,
      name2: 0,
    };
  },
  /**
   * 计算属性
   * @type {Object}
   */
  computed: {},
  /**
   * 数据监听
   * @type {Object}
   */
  watch: {},
  /**
   * 页面创建时
   * @return {[type]} [description]
   */
  created() {},
  /**
   * 页面加载时
   * @return {[type]} [description]
   */
  mounted() {},
  /**
   * 页面调用函数
   * @type {Object}
   */
  methods: {},
};
</script>
<style></style>
